<template>
  <div class="goodtabnavbar">
    <nav-bar bgc="#fff">
      <template #right>
        <go-cart>
          <template>
            <img src="~assets/images/icon/cart.svg" alt />
          </template>
        </go-cart>
      </template>
      <template #left>
        <go-back>
          <template>
            <img src="~assets/images/icon/goback.svg" alt />
          </template>
        </go-back>
      </template>
      <template #center>
        <inputs bgc="rgba(0,0,0,.3)">
          <template #input_l>
            <img src="~assets/images/icon/search.svg" alt class="l_icon" />
          </template>
          <template #input_r>
            <img src="~assets/images/icon/input.svg" alt class="r_icon" />
          </template>
        </inputs>
      </template>
    </nav-bar>
  </div>
</template>

<script>
import NavBar from "components/public/navbar/NavBar";

import GoCart from "components/public/gocart/GoCart";
import GoBack from "components/public/goback/GoBack";
import Inputs from "components/public/input/Inputs";
export default {
  name: "GoodTabNavBar",
  components: {
    NavBar,
    GoCart,
    GoBack,
    Inputs
  }
};
</script>

<style lang="less" scoped>
</style>